<!doctype html>
<html>
  <head>
    <title>Regis buzz widget</title>
	<link rel="stylesheet" href="buzz.css" type="text/css" /> 
	<style>
	#content {width: 60%; float: right}
	#buzz {width: 30% ; float: left}
	</style>
  </head>
  <body>
    <div id="buzz">
    	<!-- get loading image on http://ajaxload.info/ -->
    	<img src="loading.gif" alt="Loading..."/>
    </div>
    <div id="content">
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis velit augue, vulputate nec fringilla ac, rhoncus at urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam et quam mi, ac convallis odio. Aliquam porta libero ut urna placerat at porttitor elit molestie. Suspendisse potenti. Vestibulum a elit at nunc faucibus aliquet in in est. Vestibulum aliquet feugiat lectus in adipiscing. Quisque sed ligula purus, eu imperdiet justo. Vivamus luctus, nibh in rhoncus iaculis, lorem lectus pellentesque nisi, in elementum nulla lacus id libero. Quisque eget magna et lacus mattis bibendum.</p>
		<p>Aenean malesuada condimentum lacus in venenatis. Phasellus aliquet, est eleifend eleifend iaculis, est metus tempus lectus, sit amet elementum velit massa vitae tortor. Quisque porttitor est ante, id scelerisque nisl. Vestibulum ac urna lorem. Phasellus accumsan tempus magna a porttitor. Integer neque felis, posuere eu dignissim non, pretium non ipsum. Mauris metus neque, pulvinar non tristique ac, pellentesque ut eros. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vulputate adipiscing tortor egestas lacinia. Nulla arcu neque, convallis in tempor a, posuere quis sapien. Maecenas aliquet, dolor vel facilisis luctus, sapien eros porta dui, in placerat sem nisl vel eros. Maecenas adipiscing, nunc non congue tempus, magna urna luctus felis, non dignissim dolor magna eget dui. Morbi tellus tortor, blandit at porta sed, gravida id diam. Proin mattis urna at metus gravida viverra. Etiam consequat pellentesque est, sit amet eleifend justo feugiat et. Ut id ante urna. Mauris gravida, sem eu adipiscing mattis, arcu est suscipit enim, in sollicitudin odio nibh vitae turpis. Etiam id odio sed mi sodales faucibus. Curabitur sed sodales dui.</p>
		<p>Praesent ultrices, lectus vitae pharetra porta, quam sem vulputate eros, quis consequat justo dolor eget quam. Nam porttitor nulla eget velit eleifend ut aliquam tellus tristique. Nunc hendrerit eleifend augue sed mattis. Nulla vel faucibus ligula. Sed tincidunt posuere nibh, a volutpat turpis tristique ac. Duis in mauris libero, eget viverra sem. Proin ac magna a quam pulvinar volutpat et at enim. Duis pharetra viverra dui, sit amet auctor mauris faucibus nec. Maecenas aliquet imperdiet nibh, a pharetra ipsum auctor vel. Fusce ut metus massa, vel fermentum turpis.</p>
	</div>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js" ></script>
    <script type="text/javascript" src="buzz.js" ></script>
    <script type="text/javascript">
	$(document).ready(function(){
		$('div#buzz').googleBuzz({
			userId:'regis.decamps'			
		});
	});    
    </script>
  </body>
</html>